import React, { Component } from 'react'
import { Layout, Menu} from 'antd';
import SideMenu from '../../components/sandbox/SideMenu'
import TopHeader from '../../components/sandbox/TopHeader'
import NewsRouter from '../../components/sandbox/NewsRouter';
import './NewsSandBox.css'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
const { Header, Content, Footer, Sider } = Layout;

export default class NewsSandBox extends Component {
  constructor(){
    super()
    this.start()
  }
  start(){
    NProgress.start()
  }
  componentDidMount(){
    NProgress.done()
  }
  render() {
    
    return (
      <Layout>
        <SideMenu></SideMenu>
        <Layout>
          <TopHeader></TopHeader>
          <Content style={{ margin: '24px 16px 0' ,overflow:"auto", background:"#fff" ,padding:"0 20px"}}>
              <NewsRouter></NewsRouter>
          </Content>

        </Layout>
      </Layout>
    )
  }
}
